<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>htmlcss 阶段</title>
    <style>
        h3 {
            font-size: 50px;
            text-align: center;
            padding: 30px 0;
            background-color: #f0f0f0;
            margin: 100px auto;
        }
    </style>
</head>

<body>
    <!-- <h3></h3> -->


    <script>



        // 要求：
        // 父类： Time 
        // 属性：当前时间的年，月,日，时，分，秒

        // 子类：CurrentTime
        // 方法： getCurrentTime    获取当前的时间字符串 ，例如： 2021年8月11日 18:43:32
        // 方法： showCurrentTime   渲染时间 如截图所示

        function Time() {
            var dt = new Date();
            this.years = dt.getFullYear();
            this.months = dt.getMonth();
            this.days = dt.getDay();
            this.hours = dt.getHours();
            this.minutes = dt.getMinutes();
            this.seconds = dt.getSeconds();
            // console.log(this.years);
            // console.log(this.months);
            // console.log(days);
            // console.log(hours);
            // console.log(years);
        }

        var d = new Time();
        // console.log(d);

        function CurrentTime() {
            Time.apply(this);
            // console.log(this.years+"年"+this.months+"月"+this.days+"日"+this.hours+"时"+this.minutes+"分"+this.seconds+"秒");
        }

        CurrentTime.prototype.getCurrentTime = function () {
            Time.apply(this);
            console.log(this.years + "年" + this.months + "月" + this.days + "日" + this.hours + "时" + this.minutes + "分" + this.seconds + "秒");
        }

        CurrentTime.prototype.showCurrentTime = function () {
            var str = "<h3>"+this.years + "年" + this.months + "月" + this.days + "日" + this.hours + "时" + this.minutes + "分" + this.seconds + "秒" +"</h3>"
            document.write(str)
        }


        new CurrentTime().getCurrentTime()
        new CurrentTime().showCurrentTime()













    </script>
</body>

</html>